<div id="fastibank" >
    <div class="header_register">
        Bạn <b>chỉ mất 15 s</b> để cung cấp thông tin sau cho chúng tôi 
        <img src="images/img_supporter.png" alt="" class="icon_supporter">                    
    </div>
     	<script type="text/javascript">
function keypress(e){
var keypressed = null;
if (window.event)
{
keypressed = window.event.keyCode; //IE
}
else {

keypressed = e.which; //NON-IE, Standard
}
if (keypressed >= 48 && keypressed <= 57)
{
if (keypressed == 8 || keypressed == 127)
{
return;
}
return false;
}
}

//  $('a[rel*=facebox]').facebox();
</script> 
    <form action="complete.php" method="post">
    <input type="hidden" name="loaithe" value="1">
    <div>
    	<table>
        	<tr>
            	<td><input type="radio" checked></td>
       <td style="font-size:12px;padding-top:3px">Tôi đăng ký thêm dịch vụ <a href="#" id="view_fastibank" >Ngân Hàng điện tử</a> hiện đại để được nhận <span style="color:#900"><b>miễn phí</b></span> Token chuyên nghiệp</td>
            </tr>
        </table>
	
    </div>
    <div class="group_info">
    	
        <div class="row_info_register">
            <label>Họ và tên <span style="color: red;">*</span></label>
            <input type="text" name="hoten" id="hoten" maxlength="30" value="" onkeypress="return keypress(event);">
<!--            <span class="icon_avaiable"></span>-->
        </div>
        
        <div class="row_info_register">
            <label>Số CMND / Hộ chiếu <span style="color: red;">*</span></label>
            <input type="text" name="cmnd" id="cmnd" value="" maxlength="10" onkeypress="return numbersonly(this, event)">
<!--            <span class="icon_avaiable"></span>-->
        </div>
        
        <img src="images/comment_1.png" alt="" class="img_explain">
    </div>
    
    <div class="group_info">
        <div class="title_group_info"><span>THÔNG TIN LIÊN LẠC CỦA BẠN</span></div>
        
        <div class="row_info_register">
            <label>Email <span style="color: red;">*</span></label>
            <input type="text" name="email" id="email" value="">
            
            
            
        </div>
        
        <div class="row_info_register">
            <label>Số điện thoại <span style="color: red;">*</span></label>
            <input type="text" name="sdt" id="sdt" maxlength="11" value="" onkeypress="return numbersonly(this, event)">
        </div>
        
        <div class="row_info_register">
            <label>Địa chỉ liên lạc <span style="color: red;">*</span></label>
            <input type="text" name="diachi" id="diachi" value="">
        </div>
        <div class="row_info_register">
            <span class="label_info">Hiện bạn đang sống ở khu vực nào</span>
            <ul>
                <li><input id="khuvuc1" name="khuvuc" value="hn" type="radio" checked="checked"><label for="khuvuc1" >Hà Nội</label></li>
                <li><input id="khuvuc2" name="khuvuc" value="hcm"  type="radio"><label for="khuvuc2" >TP Hồ Chí Minh</label></li>
            </ul>
        </div>
        <img src="images/comment_2.png" alt="" class="img_explain img_comment_2">
    </div>
    
<!--    <div class="group_info">
            <div class="title_group_info"><span>BẠN CÓ MUỐN MỞ THÊM CÁC LOẠI THẺ SAU</span></div>
               
               
                    <table align="center">
                        <tr>
                            <td><input style="width:auto" name="mothemthedebit" value=" , Thẻ Visa Debit" type="checkbox" ></td>
                            <td style="font-size:12px;padding-right:100px" >Thẻ Visa Debit</td>
                            <td><input style="width:auto" name="mothemthecredit" value=" , Thẻ Visa Credit" type="checkbox" ></td>
                            <td style="font-size:12px">Thẻ Visa Credit</td>
                        </tr>
                       
                    </table>
               
        </div>  -->
    
    <div class="group_info">
        <div class="title_group_info"><span>THÔNG TIN TÀI CHÍNH VÀ NGHỀ NGHIỆP CỦA BẠN</span></div>
        
        <div class="row_info_register">
            <span class="label_info">Mức thu nhập trung bình hàng tháng của bạn?</span>
            <ul>
                <li><input id="income_1" name="thunhap" value="Dưới 5 triệu" type="radio" checked><label for="income_1" >Dưới 5 triệu</label></li>
                <li><input id="income_2" name="thunhap" value="5 - 10 triệu"  type="radio"><label for="income_2" >5 - 10 triệu</label></li>
                <li><input id="income_3" name="thunhap" value="10 - 20 triệu"  type="radio"><label for="income_3" >10 - 20 triệu</label></li>
                <li><input id="income_4" name="thunhap" value="Trên 20 triệu"  type="radio"><label for="income_4" >Trên 20 triệu</label></li>
            </ul>
        </div>
        
        <div class="row_info_register">
            <span class="label_info">Nghề nghiệp của bạn</span>
            <ul>
                <li><input id="job_1" name="nghenghiep" value="Công chức" type="radio" checked><label for="job_1" >Công chức</label></li>
                <li><input id="job_2" name="nghenghiep" value="Nhân viên văn phòng" type="radio"><label for="job_2" >Nhân viên văn phòng</label></li>
                <li><input id="job_3" name="nghenghiep" value="Kinh doanh" type="radio"><label for="job_3" >Kinh doanh</label></li>
                <li><input id="job_4" name="nghenghiep" value="Khác ( Nghỉ hưu/ Sinh viên/ Nội trợ...)" type="radio"><label for="job_4" >Khác ( Nghỉ hưu/ Sinh viên/ Nội trợ...)</label></li>
            </ul>
        </div>
        
        <img src="images/comment_3.png" alt="" class="img_explain img_comment_3">
    </div>
    <br/>
    <br/>
    <span class="note_error"></span>
    <button class="submit_register" name="smbFSB" type="submit"></button>
</form>
    
    
</div>

<script type="text/javascript">




  
        

    $("#facebox #fastibank form").submit(function(){
        var hoten=$("#facebox #hoten").val();
        var cmnd=$("#facebox #cmnd").val();
        var email=$("#facebox #email").val();
        var sdt=$("#facebox #sdt").val();
        var diachi=$("#facebox #diachi").val();
        
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        var filter_phone=/^(01|09)\d{8,9}$/;
        var filer_id=/^\d{8,10}$/;
		//var filer_name=/^\d{9}$/;
        if(hoten=='' || cmnd=='' || email=='' || sdt=='' || diachi==''){
            $("#facebox #fastibank .note_error").show();
            $("#facebox #fastibank .note_error").html('Bạn cần điền đầy đủ thông tin vào các trường bắt buộc');
//            alert('Ko dc de trong');
            return false;
        }
		else if(!filer_id.test(cmnd)){
			$("#facebox #fastibank .note_error").show();
            $("#facebox #fastibank .note_error").html('Số chứng minh thư phải từ 8-10 số');
            return false; 
        }
        else if (!filter.test(email)) {
            $("#facebox #fastibank .note_error").show();
            $("#facebox #fastibank .note_error").html('Địa chỉ email không hợp lệ, vui lòng nhập lại');
             return false; 
        }
		else if(!filter_phone.test(sdt)){
			$("#facebox #fastibank .note_error").show();
            $("#facebox #fastibank .note_error").html('Số điện thoại phải bắt đầu là 09 or 01 và nằm trong khoảng 9-10 ký tự');
            return false; 
        }
        
        else return true;
    })
    
	/*  Khi kich vao link dang ky dich vu ngan hang dien tu tren Facebox thi dong facebox hien tai
	   *  va  mo file gioi thieu ve hinh thuc do */
	$('#facebox #view_fastibank').click('close.facebox',function(){
		jQuery.facebox({ ajax: '_intro_fastibank.php' });
    })
</script>

